<!DOCTYPE html>

<html>
	<head>
		<title>HTML5test - How well does your browser support HTML5?</title>

		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=EDGE">

		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<style type="text/css">

html {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
	font-weight: 200;
	font-size: 1em;
}

body {
	background: #d9d9d9;
	text-align: center;
	margin: 20px;
}

p {
	margin: 0 0 0.5em;
}
a {
	color: #0092bf;
	text-decoration: none;
}
code {
	font-size: 1.2em;
}

		</style>

		<script src='/scripts/base.js' type='text/javascript'></script>
		<script src='/scripts/9/engine.js' type='text/javascript'></script>
		<script src='/scripts/9/data.js' type='text/javascript'></script>
	</head>


	<body>
		<div id="qr"></div>
		<script>
		<!--

			loadWhichBrowser(function() {
				Browsers = new WhichBrowser({
					useFeatures:		true,
					detectCamouflage:	true
				});

				new Test(function(r) {
					var m = new Metadata(tests);
					var c = new Calculate(r, m.data);

					document.getElementById('qr').innerHTML +=
						"<p>You can see the results here:</p>" +
						"<p><a href='http://html5te.st/" + r.uniqueid + "'>html5te.st/" + r.uniqueid + "</a></p>" +
						"<p>Or scan this QR-code:</p>" +
						"<p>" +
						"<img src='https://chart.googleapis.com/chart?chs=200x200&cht=qr&chl=" + encodeURIComponent("http://html5te.st/" + r.uniqueid) + "&choe=UTF-8' width='200' height='200'>" +
						"</p>" +
						"<p>The unique id for this test is:<br><code>" + r.uniqueid + "</code></p>";

					submitResults(r, c);
				},

				function(e) {
					if (typeof console != 'undefined') console.log(e);
					alert('Test has failed: ' + e.message);
				});
			});

		//-->
		</script>
	</body>
</html>
